<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:p="http://primefaces.org/ui"
                 xmlns:x="http://xpert.com/faces"
                 xmlns:xc="http://java.sun.com/jsf/composite/xpert/components"
                 template="/template/mainTemplate.xhtml">

    <ui:param name="title" value="Info/Warn" />
    <ui:define name="body">

        <xc:info value="This is a Info"/>
        
        <xc:info value="Info with content">
            <ul>
                <li>Info 1</li>
            </ul>
            <p:panelGrid columns="2">
                <h:outputText value="Column 1" />
                <h:outputText value="Column 2" />
                <h:outputText value="Column 1" />
                <h:outputText value="Column 2" />
            </p:panelGrid>
        </xc:info>

        <xc:warn value="This is a Warn"/>
        
        <xc:warn value="Warn with content">
            <ul>
                <li>Warn 1</li>
                <li>Warn 2</li>
            </ul>
        </xc:warn>
        <h3>Source</h3>
        <pre name="code" class="xml">
        &lt;xc:info value=&quot;This is a Info&quot;/&gt;
        
        &lt;xc:info value=&quot;Info with content&quot;&gt;
            &lt;ul&gt;
                &lt;li&gt;Info 1&lt;/li&gt;
            &lt;/ul&gt;
            &lt;p:panelGrid columns=&quot;2&quot;&gt;
                &lt;h:outputText value=&quot;Column 1&quot; /&gt;
                &lt;h:outputText value=&quot;Column 2&quot; /&gt;
                &lt;h:outputText value=&quot;Column 1&quot; /&gt;
                &lt;h:outputText value=&quot;Column 2&quot; /&gt;
            &lt;/p:panelGrid&gt;
        &lt;/xc:info&gt;

        &lt;xc:warn value=&quot;This is a Warn&quot;/&gt;
        
        &lt;xc:warn value=&quot;Warn with content&quot;&gt;
            &lt;ul&gt;
                &lt;li&gt;Warn 1&lt;/li&gt;
                &lt;li&gt;Warn 2&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/xc:warn&gt;
        </pre>
        

    </ui:define>
</ui:composition>
